.account_pay_manage {


    height       : 100%;
    // background: #ffffff;

    .guidance {
        background: #ffffff;
        overflow  : hidden;

        .guidance_btn {
            justify-content: space-between;
            align-items    : center;

            .manage_account {
                margin-right: 15px;
                margin-top  : 5px;
            }
        }
    }

    .provider_information {
        margin-top: 20px;
        background: #ffffff;

        .provider_information_title {
            justify-content: space-between;
            align-items    : center;

            .add_title{
                color: red;
                margin-left: 50px;
            }

            .add_recharge_account {
                width: 120px;
                text-align: right;
                height: 45px;
                line-height: 45px;
                color: #4280f2;
                cursor: pointer;
                margin-right: 50px;
            }
        }

        .provider_information_table {
            margin: 25px 15px;
        }
    }

    .Invitation_code_list {
        background-color   : #D8E4FF;
        margin             : 25px;
        height             : 250px;
        border-radius      : 15px;
        -moz-box-align     : center;
        -webkit-box-align  : center;
        // -ms-flex-align  : center;
        -webkit-align-items: center;
        align-items        : center;
        -moz-box-pack      : center;
        -webkit-box-pack   : center;
        // -ms-flex-pack   : center;

        .code_logo {
            margin         : 0 25px;
            height         : 180px;
            justify-content: space-between;

            img {
                width : 200px;
                height: 150px;
            }

            div {
                font-size  : 20px;
                font-weight: bold;
                color      : red;
                text-align : center;
            }
        }

        .flow_path {
            height         : 180px;
            margin-left    : 100px;
            justify-content: space-between;

            .notice {
                color: red;
            }
        }
    }

    .article_steps {
        background-color   : #D8E4FF;
        margin             : 25px;
        height             : 150px;
        border-radius      : 15px;
        -moz-box-align     : center;
        -webkit-box-align  : center;
        // -ms-flex-align  : center;
        -webkit-align-items: center;
        align-items        : center;
        -moz-box-pack      : center;
        -webkit-box-pack   : center;
        // -ms-flex-pack   : center;
        justify-content    : space-between;

        .article_steps_item {
            width          : 120px;
            height         : 65px;
            font-size      : 13px;
            justify-content: space-between;

            .circle {
                width        : 40px;
                height       : 40px;
                background   : #5B9FFD;
                color        : #ffffff;
                font-weight  : bold;
                border-radius: 50%;
                text-align   : center;
                line-height  : 40px;
                margin       : 0 auto;
            }

            .circle_title {
                margin    : 0 auto;
                text-align: center;
                font-size : 13px;
            }
        }
    }

    .hint {
        min-height: 80px;
        max-height: auto;

        .hint-title {
            height     : 40px;
            line-height: 40px;
            font-size  : 14px;
            text-align : left;
            margin     : 0 25px;
        }

        .hint-content {
            margin   : 0 25px;
            font-size: 13px;
            color    : #797979;
        }
    }
    
    // 新增充值账号
    .add_lists{
        position: absolute;
        left: 50%;
        top: 50%;
        width: 700px;
        height: 290px;
        background: #ffffff;
        z-index: 200;
        margin-left: -350px;
        margin-top: -180px;
        .add_lists_title{
            width:95%;
            justify-content: space-between;
            align-items: center;
            flex-direction: row;
            margin: 0  auto;
            .el-icon-close{
                font-weight: bold;
            }
        }
        .add_input_lists{
            margin-left: 30px;
            width: 550px;
            .add_input_lists_item{
                  flex: 1;
                   input{
                    width:100%;
                   }
            }
            .add_input_lists_title{
                width:100px;
                text-align: right;
                margin-right: 25px;
            }
            .add_input_lists_title::before{
                content: "*";
                color: red;
            }
            .add_inputs{
                margin-top: 15px;
            }
        }
        .Confirm_cancel{
            margin-left: 55px;
            margin-top: 25px;
            justify-content: space-around;
        }
        .deposit_selectBtn{
            justify-content: space-between;
            margin-left: 30px;
            width: 550px;
            margin-top: 35px;
            .all_deposit{
                color: #578EF4;
                text-decoration: underline;
                cursor: pointer;
            }
        }
    }

}